<template>
  <div class="show" v-cloak>
    <p v-for="(v,index) in msg" :key="index">
        <span>{{v}}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'List1',
  data () {
    return {

    }
  },
  props:["msg"],
  methods: {
    
  },
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
        [v-cloak]{
          display: none;
        }
        .show{
          width:212px;
          border: 1px solid black;
          background-color:cyan;
          margin:auto;
          margin-top:2px;
  
        }
</style>
